﻿<!DOCTYPE html>
<!--[if lt IE 7]>      <html class='no-js lt-ie9 lt-ie8 lt-ie7'> <![endif]-->
<!--[if IE 7]>         <html class='no-js lt-ie9 lt-ie8'> <![endif]-->
<!--[if IE 8]>         <html class='no-js lt-ie9'> <![endif]-->
<!--[if gt IE 8]><!--> <html class='no-js'> <!--<![endif]-->
<head>
	<meta charset='UTF-8'>
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
	<meta name='MetaComment' content='Description of site content'>
	<meta name='keywords' content='Add, keywords, here, like, so'>
	<meta name='viewport' content='width=device-width, initial-scale=1.0'>
	<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	<link rel='stylesheet' href='/stylesheets/normalize.css'>
	<link rel='stylesheet' href='/stylesheets/404.css'>
	<link rel='stylesheet' href='/stylesheets/recovery.css'>
	<script src='/javascripts/vendor/jquery-1.8.2.min.js'></script>
	<script src='/javascripts/vendor/modernizr-2.6.2.min.js'></script>
	<script src='/javascripts/plugins.js'></script>
	<title>MetaComment - Password Recovery</title>
	<script type="text/javascript">
	function passwordsdontmatch() {
		$('#passdontmatch').animate({'opacity':'1.0','height':'20px'});
	}
	function validate() {
		var p = $('#recoverypassword').val();
		var p2 = $('#recoverypassword2').val();
		if (p == null || p == '' || p == 'Password' || p != p2) {
			passwordsdontmatch();
			return false;
		} else {
			return true;
		}
	}
	$(document).ready(function() {
		$('input').focusin(function() {
			if ($(this).val() == 'Password') {
				justincase = $(this).val();
				$(this).val('');
			}
		})
		.focusout(function() {
			if ($(this).val() == '') $(this).val(justincase);
		});
	});
	</script>
</head>
<body>
	<!--[if lt IE 7]>
		<p class='chromeframe'>You are using an <strong>outdated</strong> browser. Please <a href='http://browsehappy.com/'>upgrade your browser</a> or <a href='http://www.google.com/chromeframe/?redirect=true'>activate Google Chrome Frame</a> to improve your experience.</p>
	<![endif]-->
	<div id="wrapper">
		<h1>Password Recovery</h1>
		<p>New password</p>
		<form action='/recovery' method='post' onsubmit='return validate()'>
			<input type='password' class='textbox' id='recoverypassword' value='Password' name='recovery[password]'>
			<p>Confirm password</p>
			<input type='password' class='textbox' id='recoverypassword2' value='Password'><br>
			<div id='passdontmatch'>Passwords don't match</div>
			<input type='hidden' value='<%= token %>' name='recovery[token]'>
			<input type='submit' class='button' value='Change password'>
		</form>
	</div>
</body>
</html>